@charset "UTF-8";

// vue 数据未加载时避免显示占位符
[v-cloak] {
    display: none;
}

html,
body {
    width: 100%;
    height: 100%;

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    // overflow: hidden;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei",
        "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei,
        "WenQuanYi Zen Hei Sharp", sans-serif !important;
    color: $text-333;
    background-color: #221F2E;
    box-sizing: border-box;
}


*,
*:before,
*:after {
    box-sizing: border-box;
}

#app {
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #221F2E;
    color: #fff;
}

a {
    text-decoration: none;
}

ul,
ol,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
    padding-left: 0;
}